.container {
  width: 1280px;
  box-sizing: border-box;
  padding: 20px;
  margin: 0 auto;
  .content {
    width: 100%;
    background-color: white;
    padding: 30px;
    display: flex;
    .left {
      width: 75%;
      .top {
        width: 845px;
        display: flex;
        .pic {
          display: flex;
          flex-direction: column;
          .bottom-pic {
            img {
              margin: 10px 5px;
              &:hover {
                box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
              }
            }
          }
        }
        .details {
          margin-top: 20px;
          h2 {
            font-size: 20px;
            font-weight: normal;
            color: #0c0c0c;
            font-family: 微软雅黑;
            margin-bottom: 15px;
          }
          .bar {
            width: 100px;
            background-color: #dddddd;
            height: 3px;
          }
          .price {
            h1 {
              padding: 10px 0;
              font-size: 30px;
            }
          }
          .number {
            font-size: 12px;
            font-weight: normal;
            color: #777777;
            font-family: 微软雅黑;
            border-top: 1px dotted #ddd;
            border-bottom: 1px dotted #ddd;
            width: 250px;
            padding: 7px 0;
            
          }
          .cate {
            margin-top: 15px;
            padding: 7px 0;
          }
          .order {
            margin-top: 30px;
            &>div {
              float: left;
            }
            .btn {
              
              border-color: #000000;
              background-color: #000000;
              padding-top: 15px;
              padding-bottom: 15px;
              height: 46px;
              width: 160px;
              text-align: center;
              margin-right: 10px;
              a {
                font-size: 14px;
                font-weight: normal;
                color: #ffffff;
                font-family: 微软雅黑;
              }
            }
            .selectNum {
              width: 100px;
              overflow: hidden;
              span {
                border-color: #cccccc;
                height: 46px;
                width: 32px;
                border-collapse: collapse;
                float: left;
                line-height: 46px;
                border-style: solid;
                border-width: 1px;
                text-align: center;
                &:nth-child(2) {
                  border-left: none;
                  border-right: none;
                }
              }
            }
          }
        }
      }
      .bottom {
        margin-top: 20px;
        border-top: 1px solid #eee;
        h3 {
          font-size: 14px;
          font-weight: bold;
          margin: 10px;
          color: #555555;
        }
        .related {
          &>div {
            display: inline-block;
            margin: 0 10px;
          }
          .pic-item {
            &:hover {
              box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            }
          }
        }
        .profile{
          div {
            margin: 5px 0;
          }
          .name {
            font-size: 13px;
            font-weight: normal;
            color: rgb(73, 73, 73);
            font-family: 微软雅黑;
          }
          .price {
            font-size: 16px;
            font-weight: normal;
            color: rgb(170, 170, 170);
            font-family: 黑体;
          }
        }
      }
    }
    .right {
      width: 25%;
      // background-color: burlywood;
      padding: 0 10px;
      h3 {
        font-weight: bold;
        margin: 5px 0;
        font-family: 微软雅黑;
        color: #555;
      }
      .all {
        text-align: left;
        margin-top: 20px;
        &>div {
          display: inline-block;
          margin-right: 20px;
          margin-bottom: 10px;
          text-align: center;
        }
        .pic-item {
          &:hover {
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
          }
          .profile{
            div {
              margin: 5px 0;
            }
            .name {
              font-size: 13px;
              font-weight: normal;
              color: rgb(73, 73, 73);
              font-family: 微软雅黑;
            }
            .price {
              font-size: 16px;
              font-weight: normal;
              color: rgb(170, 170, 170);
              font-family: 黑体;
            }
          }
        }
      }
    }
    
  }
}